<template>
	<div>
		<el-pagination
			@size-change="handleSizeChange"
			@current-change="handleCurrentChange"
			:current-page="pagination.currentPage"
			:page-sizes="pagination.pageSizeOptions"
			:page-size="pagination.pageSize"
			layout="total, sizes, prev, pager, next, jumper"
			:total="pagination.total"
		></el-pagination>
	</div>
</template>

<script>
export default {
	props: {
		pagination: Object,
	},
	methods:{
		handleSizeChange(val) {
			this.$emit('handleSizeChange',val)
		},
		handleCurrentChange(val) {
			this.$emit('handleCurrentChange',val)
		}
	}
};
</script>

<style></style>
